<template>
  <!-- html -->
  <!-- Vue3中可以写多个根标签 -->
  <div class="app">
    <h2 ref="shandong">Hello</h2>
    <button @click="showLog">测试</button>
    <Person ref="ren" />
  </div>
</template>

<script lang="ts" setup name="App">
//JS 或 TS
//把组建的配置对象导出  --暴露
import Person from "./components/Person.vue";
import { ref } from "vue";

let shandong = ref();
let ren = ref();

function showLog() {
  console.log(ren.value); //打印的实例对象
}
</script>
<style>
/* 样式 */
</style>
